<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <style>
        iframe{
            width: 800px;
            height: 600px;
            display: block;
            margin: 100px auto;
        }
    </style>
</head>
<body>
   <!-- 嵌套多页面,需要使用iframe + a 标签 
    (1)a标签的target属性:在什么位置打开href网页
        _self: 当前页面打开
        _blank: 新页面打开
        iframe标签name属性值: 在iframe标签中打开

    -->
    


   <a href="./index1.html" target="myIframe">页面1</a>
   <a href="./index2.html" target="myIframe">页面2</a>
   <a href="./index3.html" target="myIframe">页面3</a>

   <iframe src="./index1.html" frameborder="0" name="myIframe"></iframe>
</body>
</html>